.button.btn-white a {
    height: 40px;
    width: 130px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    font-family: Poppins, sans-serif;
    line-height: 40px;
    background: rgb(222, 161, 38);
    border-radius: 5px;
    transition: all 500ms ease;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(59, 59, 59);
    border-image: initial;
}

.button a {
    font-weight: 600;
}

.button {
    margin-right: 10px;
}

.p-30px {
    padding: 30px;
}

.bg-white {
    background-color: #fff;
}

.text-center {
    text-align: center!important;
}

.text-black {
    color: #000;
}

.text-first-color {
    color: #6cf!important;
}

.fs-0_9 {
    font-size: .9rem!important;
}

.box-even-pad {
    border: 1px solid #f2f2f2;
    display: block;
    padding: 10px 20px 20px;
}

.mt-10px {
    margin-top: 10px;
}

.mb-md-30px {
    padding: 20px 20px 10px;
}

.nav li a {
    padding: 10px 20px;
    color: #dea126;
}

.dark-tabs li a {
    padding: 10px 20px;
    color: #fff;
    border: 0px solid transparent;
}

.dark-tabs .nav-link:focus,
.dark-tabs .nav-link:hover {
    border: 0;
    border-radius: 0;
}

.form-control:focus {
    color: #464a4c;
    background-color: #252525;
    border-color: #252525;
    outline: none;
}

.form-control,
.form-control:disabled {
    color: #ffffff;
    background-color: #252525;
}


.dark-tabs .nav-link.active,
.dark-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background-color: #000;
    border-color: #000 #000 #000;
    border-radius: 0;
}

.dark-tabs li a {
    border-bottom: 0;
    background-color: #dea126;
}

.dark-tabs {
    border: 0px solid transparent;
    background-color: #dea126;
}

.nav li a:hover {
    padding: 10px 20px;
    color: #ffffff;
    background-color: #252525;
}

.nav-tabs {
    border-bottom: 0px;
}

.tab-content>.active {
    display: block;
    background-color: #fff;
}

.dark-tab-content>.active {
    background-color: #000;
    display: block;
    padding: 20px;
    border: 0px;
}

.currency-select-box .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 48px;
    overflow: hidden;
    text-align: left;
    padding: 10px 0px 10px;
    padding-left: 20px;
}

.even-pad {
    padding: 10px 20px;
}

.sec-pad {
    padding-top: 60px;
}

.btn-sell {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}

.btn-buy {
    color: #fff;
    background-color: #1DE9B6;
    border-color: #1DE9B6;
}

section.buy-sell-table {
    padding-top: 65px;
    padding-bottom: 65px;
    background-color: #000;
}

.fa-white {
    color: #dea126;
    font-size: 20px;
    padding: 5px;
}

.search {
    margin: 0;
    padding: 0;
    background-color: #252525;
}

#chartdiv {
    width: 100%;
    height: 500px;
}

.table th,
.table td {
    padding: 5px;
    vertical-align: top;
    border-top: 1px solid #eceeef;
}

thead.order-table {
    background-color: #252525;
    color: #fff;
}

select {
    padding: 5px 10px;
    background-color: #fdc209;
    color: #fff;
    border: 1px solid #fdc209;
}

table#example td h5,
table#example1 td h5,
table#home-table td h5 {
    font-size: 15px;
    padding: 10px;
}

input[type="search"] {
    border: 2px solid #f1f1f1;
}

ul.footer-link li {
    display: inline-block;
    padding: 10px;
}

ul.footer-link li a:hover {
    color: #fff;
}

.dark-tab-1 {
    background-color: #dea126;
    color: #fff;
}

.dark-tab-trade {
    background-color: #dea126;
    color: #fff;
}

.dark-tab-trade .nav-link.active {
    background-color: #dea126;
    color: #fff;
}

.dark-tab-1 li a {
    color: #fff;
}

.dark-tab-1 .nav-link.active,
.dark-tab-1 .nav-item.show .nav-link {
    color: #ffffff;
    background-color: #252525;
    border: 0;
    border-radius: 0;
}

.dark-tab-1-content>.active {
    background-color: #252525;
}

.buysell-content>.active {

    max-height: 450px;
    overflow-y: auto;
}

.coin-content>.active {

    max-height: 400px;
    overflow-y: auto;
}

.buysell-content>.active::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5F5;
}

.buysell-content>.active::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

.buysell-content>.active::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #ccc;
}


.coin-content>.active::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5F5;
}

.coin-content>.active::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

.coin-content>.active::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #ccc;
}



.nav-tabs .nav-item {
    margin-bottom: 0px;
}

.nav-tabs .nav-link {
    border: 0px solid transparent;
    border-radius: 0;
}

input.search-box-coin {
    width: 80%;
    border: 1px solid #dea126;
    float: left;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none
}

input.search-box-coin:focus {
    color: #fff;
}

.form-check-label {
    padding-right: 10px;
    margin-bottom: 0;
    cursor: pointer;
    clear: both;
}

.form-check-input {
    position: absolute;
    margin-top: 0.25rem;
    margin-left: 0;
}

.pad-zero {
    padding: 0;
}

.pad-10 {
    padding: 10px 5px;
    margin: 0;
}

table.fixed-th thead tr {
    position: absolute;
    left: 15px;
    right: 15px;
    background: #252525;
}

table.fixed-th tbody tr:first-of-type td {
    padding-top: 35px;
}


/*table.fixed-th tbody tr:last-of-type td {
  padding-bottom: 35px;
}*/

table.fixed-th th,
table.fixed-th td {
    width: 43%;
    font-size: 12px;
    text-align: center
}

table.fixed-th th {
  border-bottom: 1px solid #eceeef;
    border-top: 0px;
}

p.light-txt {
    color: #fff;
}
a.btn.btn-lg.btn-sign.btn-block.light-txt {
    color: #fff;
    border: 0;
}
/*Signin*/

h5.style-change {
    text-transform: uppercase;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0px 8px !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #ddd !important;
}

.market-update-area .btcwdgt {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

.btcwdgt-chart .btcwdgt-body {
    height: 500px !important;
}

.dark-tabs-chart {
    background-color: #dea126 !important;
    padding: 10px;
}

.dark-tabs-chart li a {
    
    color: #fff !important;
    
}
.sec-title-h1 {
    padding-bottom: 30px;
}
 div#depthchart {
    background-color: #252525;
    width: 100%;
    height: 500px;
}
li.export-main {
    display: none !important;
}


.slide .carousel-item::before {
 content: "";
    background: rgba(0,0,0,0.75);
    height: 100%;
    /* opacity: .2; */
    position: absolute;
    width: 100%;
    z-index: 8;

}

.btn-brown , .btn-brown:hover{
    color: #fff;
    background-color: #dea126;
    border-color: #dea126;
        border: 2px;
}

.amcharts-axis-label {
    fill: #fff;
}

.amcharts-axis-title {
    color: #fff;
}

.amcharts-chart-div svg g text {
    fill: #fff;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class 
.carousel {
  margin-bottom: 4rem;
}*/
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 10rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 40rem;
   
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 40rem;
     object-fit: cover;
   
}

h1.slider-h1 {
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
}
p.slider-p {
    line-height: 35px;
    margin-top: 20px;
}
p.slider-btn {
    margin-top: 20px;
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


@media screen and (min-width: 425px)  and (max-width: 768px){
  .header-area {
    background: #0f0f0f;
    position: relative;
}

.header-right .button a , .btn-white a {
    background: #252525;
    height: 40px;
    width: 100px;
}
.btn-white a {
    background: #252525;
    height: 40px;
    width: 100px;
}

.carousel-item {
   
    background-color: #777;
    object-fit: cover;
}
.container {
    width: 100%;
}
.carousel-caption {
    bottom: 0;
    z-index: 10;
}
h1.slider-h1 {
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
}
p.slider-btn {
    margin-top: 20px;
    margin-bottom: 30px;
}
a.btn-brown {
    padding: 8px 10px;
    font-size: 18px;
}
.carousel-item {
    height: 22rem;
    background-color: #777;
}
.bottom-price-table {
    overflow: scroll;
}
ul#myTab {
    margin-top: 50px;
}
}

@media screen and (min-width: 320px)  and (max-width: 425px){
  .header-area {
    background: #0f0f0f;
    position: relative;
}
.header-right .button a , .btn-white a {
    background: #252525;
    height: 40px;
    width: 100px;
}
.btn-white a {
    background: #252525;
    height: 40px;
    width: 100px;
}

.container {
    width: 100%;
}
.carousel-caption {
    bottom: 0;
    z-index: 10;
}
h1.slider-h1 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
}
p.slider-p {
    line-height: 20px;
    margin-top: 10px;
}
p.slider-btn {
    margin-top: 20px;
    margin-bottom: 30px;
}
a.btn-brown {
    padding: 8px 10px;
    font-size: 18px;
}
.carousel-item {
    height: 22rem;
    background-color: #777;
}
.bottom-price-table {
    overflow: scroll;
}
ul#myTab {
    margin-top: 50px;
}
}